{% import "@WebsiteBundle/macros/pagination.html.twig" as macros %}
<div class="card vh-70">
	<div class="card-header d-flex">
		<div  class="w-100">共<span class="fontColorRed">{{ count }}</span>个收藏</div>
		<div class="p-2 flex-shrink-1">
			<a href="{{ path('app_tutorial_doClearFailure') }}" data-confirm="确认要清除失效收藏吗?" class="btn btn-sm btn-secondary ajaxDelete">清除失效收藏</a>
		</div>
	</div>
	<div class="card-body p-1">
		{% if list %}
			{% for item in list %}
				<div class="col-sm-12 col-lg-6 hover">
					<div class="card">
						<div class="card-body">
							<div class="row align-items-center">
								<div class="col-3">
									<img src="{{ json_get(item['bigImg']) }}" alt="{{ item['name'] }}" class="rounded">
								</div>
								<div class="col-9">
									<h3 class="card-title d-flex w-100 justify-content-between mt-1">
										{% if item['isDelete'] %}
											<del>
											{% endif %}
											<a href="{{ path('app_tutorial_detail', {id:item['id']}) }}" class="text-reset">{{ item['name'] }}</a>
											{% if item['isDelete'] %}
											</del>
										{% endif %}
										<a href="javascript:;" data-href="{{ path('app_tutorial_doFav', {id:item['id']}) }}" class="text-muted hide hoverdo small  ms-3">取消</a> 
									</h3>
									<div class="text-muted">
										{% if item['isDelete'] %}
											<del>
											{% endif %}
											{{ item['updatedAtTime']|qtime}}更新
											{% if item['isDelete'] %}
											</del>
										{% endif %}
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			{% endfor %}
			<div class="col-sm-12 col-lg-12 pagination ">
				{{ macros.pagination(pagination) }}
			</div>
		{% else %}
			{{ include('@WebsiteBundle/empty.html.twig',{msg:'数据为空!'}) }}
		{% endif %}
	</div>
</div>
